<link rel="stylesheet" href="../src/css/pages/ecReport.css">
<div class="fmp-container" style="min-height: 100%;height: auto !important;height: 100%;position: relative;">
    <section id="sectionReport" class="col-md-12" style="padding-bottom:10px;">
        <div class="filter-area">
            <div class="filter-condition">
                {{i18n-filters}}
                <span class="filter-condition-desc">{{i18n-comment}}</span>
            </div>
            <div class="filter-container">
                    <div class="filter-each">
                        <label class="filter-label" for="ecReportDateRangePicker">{{i18n-date}}:</label>
                        <input id="ecReportDateRangePicker" type='text' class="daterangepicker-sample1 form-input ndp-drop-wrapper">
                    </div>
                    <div class="filter-each">
                        <label class="filter-label" for="drop-webSite" class="control-label">{{i18n-webSite}}:</label>
                        <div id="drop-webSite" class="ndp-drop-wrapper" name="drop-webSite"></div>
                    </div>
                    <div class="filter-each">
                        <label class="filter-label">{{i18n-accountNo}}:</label>
                        <div class="ndp-drop-wrapper" name="drop-acts"></div>
                    </div>
                    <div class="filter-each">
                        <label class="filter-label">{{i18n-adType}}:</label>
                        <div class="ndp-drop-wrapper" name="drop-adType"></div>
                    </div>
                    <div class="filter-each">
                        <label class="filter-label">{{i18n-age}}:</label>
                        <div id="drop-age" class="ndp-drop-wrapper" name="drop-age"></div>
                    </div>
                    <div class="filter-each">
                        <label class="filter-label" for="drop-device">{{i18n-device}}:</label>
                        <div id="drop-device" class="ndp-drop-wrapper " name="drop-device"></div>
                    </div>
                    <div class="filter-each">
                        <label class="filter-label" for="drop-gender">{{i18n-gender}}:</label>
                        <div id="drop-gender" class="ndp-drop-wrapper " name="drop-gender"></div>
                    </div>
            </div>
        </div>
        <div class="group-condition">
            <div class="filter-condition">
                {{i18n-groups}}
            </div>
            <div class="group-container">
                <label class="filter-label" for="drop-group-select2" class="">{{i18n-group}}:</label>
                <!--<div id="drop-group" class="ndp-drop-wrapper" name="drop-group"></div>-->
                <div class="group-select2-container">
                    <select class="form-group-select2 drop-group-select2" id="drop-group-select2" multiple="multiple" placeholder="Groups" style="width:100%">
                        <option value="day">{{i18n-date}}</option>
                        <option value="device">{{i18n-device}}</option>
                        <option value="placement">{{i18n-placement}}</option>
                        <option value="adType">{{i18n-adType}}</option>
                        <option value="ad">{{i18n-ad}}</option>
                        <option value="adSet">{{i18n-adSet}}</option>
                        <option value="campaign">{{i18n-campaign}}</option>
                        <option value="account">{{i18n-accountNo}}</option>
                        <!--<option value="productId">{{i18n-productId}}</option>-->
                        <option value="age">{{i18n-age}}</option>
                        <option value="gender">{{i18n-gender}}</option>
                        <option value="country">{{i18n-country}}</option>
                        <option value="optimizationGoal">{{i18n-optimizationGoal}}</option>
                        <option value="billingEvent">{{i18n-billingEvent}}</option>
                        <option value="autoBid">{{i18n-autoBid}}</option>
                    </select>
                </div>

            </div>
        </div>
        <div class="action">
            <button id="btnSearch" type="button" class="btn btn-primary">{{i18n-query}}</button>
            <button id="btnExport" type="button" class="btn btn-default">{{i18n-export}}</button>

        </div>
        <hr>
        <!--<div class="data-container">-->
            <!--<div class="config-area">-->
                <!--<span class="config-action"  style="background-image:url(imgs/list-manager-config.png);" title="配置表格"></span>-->
                <!--<div class="config-list">-->
                    <!--<ul>-->
                        <!--<li class="checked-li" th-name="order">-->
                            <!--<input type="checkbox" checked="checked">-->
                            <!--<label>-->
                                <!--<span class="fake-checkbox"></span>-->
                                <!--序号-->
                            <!--</label>-->
                        <!--</li>-->
                        <!--<li class="checked-li" th-name="productName">-->
                            <!--<input type="checkbox" checked="checked">-->
                            <!--<label>-->
                                <!--<span class="fake-checkbox"></span>-->
                                <!--产品名称-->
                            <!--</label>-->
                        <!--</li>-->
                    <!--</ul>-->
                    <!--<span class="submit-config">确定</span>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="ndp-sutable-wrapper" name="plain" style="overflow-x: auto;overflow-y: hidden;width:1200px;"></div>-->
            <!--<div class="table-page">-->
                <!--<div class="page-left-total hidden">共<span></span>条</div>-->
                <!--<div class="ndp-page-wrapper page-right" name="drop-page2"></div>-->
            <!--</div>-->

        <!--</div>-->

        <table class="ndp-table" id="ecReportTable" list-manager="report-list">
            <thead></thead>
            <tbody></tbody>
        </table>
    </section>
</div>

<script type="text/x-template" id="thTemplate">
    <th th-name="day">{{i18n-date}}</th>
    <th th-name="week">{{i18n-week}}</th>

    <th th-name="campaignId" th-hide="<%=(!_.contains(groups,'campaign'))%>">{{i18n-campaignId}}</th>
    <th th-name="campaignName" th-hide="<%=(!_.contains(groups,'campaign'))%>">{{i18n-campaignName}}</th>

    <th th-name="adSetId" th-hide="<%=(!_.contains(groups,'adSet'))%>">{{i18n-adSetId}}</th>
    <th th-name="adSetName" th-hide="<%=(!_.contains(groups,'adSet'))%>">{{i18n-adSetName}}</th>

    <th th-name="adId" th-hide="<%=(!_.contains(groups,'ad'))%>">{{i18n-adIds}}</th>
    <th th-name="adName" th-hide="<%=(!_.contains(groups,'ad'))%>">{{i18n-adNames}}</th>

    <th th-name="productId" th-hide="<%=(!_.contains(groups,'productId'))%>">{{i18n-productId}}</th>

    <th th-name="optimizationGoal" th-hide="<%=(!_.contains(groups,'optimizationGoal'))%>">{{i18n-optimizationGoal}}</th>

    <th th-name="billingEvent" th-hide="<%=(!_.contains(groups,'billingEvent'))%>">{{i18n-billingEvent}}</th>

    <th th-name="country" th-hide="<%=(!_.contains(groups,'country'))%>">{{i18n-country}}</th>

    <th th-name="gender" th-hide="<%=(!_.contains(groups,'gender'))%>">{{i18n-gender}}</th>

    <th th-name="age" th-hide="<%=(!_.contains(groups,'age'))%>">{{i18n-age}}</th>

    <th th-name="device" th-hide="<%=(!_.contains(groups,'device'))%>">{{i18n-device}}</th>

    <th th-name="placement" th-hide="<%=(!_.contains(groups,'placement'))%>">{{i18n-placement}}</th>

    <th th-name="account" th-hide="<%=(!_.contains(groups,'account'))%>">{{i18n-accountNo}}</th>

    <th th-name="autoBid" th-hide="<%=(!_.contains(groups,'autoBid'))%>">{{i18n-autoBid}}</th>

    <th th-name="adType" th-hide="<%=(!_.contains(groups,'adType'))%>">{{i18n-adType}}</th>

    <th th-name="spend">{{i18n-spend}}</th>
    <th th-name="fbData-impressions">FB-{{i18n-impressions}}</th>
    <th th-name="fbData-clicks">FB-{{i18n-clicks}}</th>
    <th th-name="fbData-cpc">FB-{{i18n-cpc}}($)</th>
    <th th-name="fbData-cart">FB-{{i18n-cart}}</th>
    <th th-name="fbData-checkout">FB-{{i18n-checkout}}</th>
    <th th-name="fbData-checkoutCR">FB-{{i18n-checkoutCR}}</th>
    <th th-name="fbData-cps">FB-{{i18n-cps}}($)</th>
    <th th-name="fbData-salesAmount">FB-{{i18n-salesAmount}}($)</th>
    <th th-name="fbData-roi">FB-{{i18n-roi}}</th>
    <th th-name="gaData-clicks">GA-{{i18n-clicks}}</th>
    <th th-name="gaData-cpc">GA-{{i18n-cpc}}</th>
    <th th-name="gaData-cart">GA-{{i18n-cart}}</th>
    <th th-name="gaData-cartCR">GA-{{i18n-cartR}}</th>
    <th th-name="gaData-pays">GA-{{i18n-payS}}</th>
    <th th-name="gaData-cr">GA-{{i18n-cr}}</th>
    <th th-name="gaData-cpa">GA-{{i18n-cpa}}</th>
    <th th-name="gaData-orderAmount">GA-{{i18n-orderAmount}}</th>
    <th th-name="gaData-orderPrice">GA-{{i18n-orderPrice}}</th>
    <th th-name="gaData-roi">GA-{{i18n-roi}}</th>
</script>
